<template>
	<div>
		<!--标题 -->
		<div class="am-cf am-padding">
			<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">我的银行卡</strong> / <small>My&nbsp;Credit&nbsp;Card</small></div>
		</div>
		<hr>
		<div class="card-box-list">
			<ul>
				<li>
					<div class="card-box">
						<div class="card-box-name">
							<span class="bank-logo"><a href="#"><img src="../../assets/images/bankjh.png"></a></span>
							<span title="中国建设银行" class="bank-name">中国建设银行</span>
							<span class="bank-num4">尾号9098</span>
							<span class="card-type card-type-CC"></span>
						</div>
						<div class="card-box-express">
							<div class="express-status">
								<span class="asset-icon asset-icon-express-s"></span> <span>已开通</span>
							</div>
							<div class="express-else"><a href="#">管理</a></div>
						</div>
						<div class="card-detail">
							<div class="card-detail-list">
								<div class="card-detail-value" title="账单"><a href="billlist"><strong>账单</strong><span></span></a></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="card-box">
						<div class="card-box-name">
							<span class="bank-logo"><a href="#"><img src="../../assets/images/bankns.png"></a></span>
							<span title="湖北省农村信用合作联社" class="bank-name">湖北省农村信用合作联社</span>
							<span class="bank-num4">尾号8652</span>
							<span class="card-type card-type-DC"></span>
						</div>
						<div class="card-box-express">
							<div class="express-status">
								<span class="asset-icon asset-icon-express-s"></span> <span>已开通</span>
							</div>
							<div class="express-else"><a href="#">管理</a></div>
						</div>
						<div class="card-detail">
							<div class="card-detail-value" title="账单"><a href="billlist"><strong>账单</strong><span></span></a></div>
						</div>
					</div>
				</li>
				<li>
					<div class="card-box">
						<div class="card-box-name">
							<span class="bank-logo"><a href="#"><img src="../../assets/images/bankjh.png"></a></span>
							<span title="中国建设银行" class="bank-name">中国建设银行</span>
							<span class="bank-num4">尾号9098</span>
							<span class="card-type card-type-CC"></span>
						</div>
						<div class="card-box-express">
							<div class="express-status">
								<span class="asset-icon asset-icon-express-s"></span> <span>已开通</span>
							</div>
							<div class="express-else"><a href="#">管理</a></div>
						</div>
						<div class="card-detail">
							<div class="card-detail-list">
								<div class="card-detail-value" title="账单"><a href="billlist"><strong>账单</strong><span></span></a></div>
							</div>
						</div>
					</div>
				</li>
				<li>
					<div class="card-box">
						<div class="card-box-name">
							<span class="bank-logo"><a href="#"><img src="../../assets/images/bankns.png"></a></span>
							<span title="湖北省农村信用合作联社" class="bank-name">湖北省农村信用合作联社</span>
							<span class="bank-num4">尾号8652</span>
							<span class="card-type card-type-DC"></span>
						</div>
						<div class="card-box-express">
							<div class="express-status">
								<span class="asset-icon asset-icon-express-s"></span> <span>已开通</span>
							</div>
							<div class="express-else"><a href="#">管理</a></div>
						</div>
						<div class="card-detail">
							<div class="card-detail-value" title="账单"><a href="billlist"><strong>账单</strong><span></span></a></div>
						</div>
					</div>
				</li>
				<li>
					<div class="add-card">
						<a href="cardmethod" target="_blank"><i class="am-icon-plus"></i>添加银行卡</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	require('amazeui/dist/js/amazeui.min.js')

	export default {
		name: 'HelloWorld',
		props: {
			msg: String
		},
		mounted() {


		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
	@import url("~@/assets/css/personal.css");
</style>
